import 'package:flip_card/flip_card.dart';
import 'package:flutter/material.dart';

class FlipCardScreen extends StatefulWidget {
  @override
  FlipCardState createState() => FlipCardState();
}

class FlipCardState extends State<FlipCardScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('flip_card'),
        centerTitle: true,
      ),
      body: ListView(
        children: <Widget>[
          FlipCard(
              direction: FlipDirection.HORIZONTAL,
              front: Container(
                height: 200,
                width: 345,
                margin: EdgeInsets.all(10),
                color: Colors.teal,
                child: Center(
                  child: Text('《遮天》', style: TextStyle(fontSize: 40, color: Colors.white),),
                ),
              ),
              back: Container(
                height: 200,
                width: 345,
                margin: EdgeInsets.all(10),
                color: Colors.pink,
                child: Center(
                  child: Text('《遮天》是一部古典仙侠类型的网络小说，小说签约授权首发连载于起点中文网，作者是辰东。本书以九龙拉棺为引子，带出一个庞大的洪荒玄幻世界，引出上古神话的遗秘，卷帙浩阔，设定繁杂，人物众多。',
                    style: TextStyle(color: Colors.white, height: 2.0),),
                ),
              )),

          FlipCard(
              direction: FlipDirection.VERTICAL,
              front: Container(
                height: 200,
                width: 345,
                margin: EdgeInsets.all(10),
                color: Colors.teal,
                child: Center(
                  child: Text('《遮天》', style: TextStyle(fontSize: 40, color: Colors.white),),
                ),
              ),
              back: Container(
                height: 200,
                width: 345,
                margin: EdgeInsets.all(10),
                color: Colors.pink,
                child: Center(
                  child: Text('《遮天》是一部古典仙侠类型的网络小说，小说签约授权首发连载于起点中文网，作者是辰东。本书以九龙拉棺为引子，带出一个庞大的洪荒玄幻世界，引出上古神话的遗秘，卷帙浩阔，设定繁杂，人物众多。',
                    style: TextStyle(color: Colors.white, height: 2.0),),
                ),
              )),
        ],
      ),
    );
  }
}
